<!DOCTYPE html>
<html>
    <head>
        <title></title>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
        <link rel="stylesheet" href="__PUBLIC__/member/style/common.css" media="screen"/>
        <script type="text/javascript" src="__PUBLIC__/common/js/jquery.js"></script>
        <script type="text/javascript" src="__PUBLIC__/common/js/common.js"></script>
        <script type="text/javascript" src="__PUBLIC__/pano/pano.js"></script>
        {:W("Easyui")}
        {:W("Uploader")}
        <script type="text/javascript">
            var playing = 0;
            var pause = 0;
            $(document).ready(function(){
                $('.dd').tooltip({
                    position: 'top'
                });
            });
        </script>
        <style type="text/css">
            .chengbox{
                width: auto; height: 24px; overflow: hidden; border:1px solid #f7db99; border-radius : 5px; text-indent: 10px;
                background: #fffbf3;margin: 5px; font: 12px/24px "微软雅黑"; color: #FFA900; cursor: default;
            }
            .uistore{
                overflow: hidden;
            }
            .lubox{
                width: 360px; height: 105px; overflow: hidden; float: left; border-radius: 4px;
                border:1px solid #bbb; background: #fafafa; margin: 5px;
            }
            .lubox .top{
                width: 360px; height: 60px; overflow: hidden;
            }
            .lubox .down{
                width: 360px; height: 40px; overflow: hidden;
            }
            .info_head{
                width: 48px; height: 22px; overflow: hidden; border:1px solid #bbb; border-radius: 4px; cursor: default;
                text-align: center; margin-left: 5px; float: left; background: #eee;
                font: bold 12px/22px "微软雅黑"; color: #666;
            }
            .info_body{
                width: 282px; height: 32px; overflow: hidden; border:1px solid #bbb; border-radius: 4px; cursor: default;
                float: right; margin-right: 6px; font: 12px/16px "微软雅黑"; color: #666; background: #f3f3f3; padding: 3px 5px;
            }
            .lupic{
                width: 50px; height: 50px; overflow: hidden; border-radius: 4px; float: left;
                background: url(__PUBLIC__/member/images/pano/uigroup.jpg) no-repeat; margin-top: 5px; margin-left: 5px;
            }
            .lutitle{
                width: 185px; height: 48px; overflow: hidden; float: left; margin-top: 5px; margin-left: 5px; border:1px solid #bbb; border-radius: 4px; cursor: default;
            }

            .lutb{
                width: 100px; height: 48px; overflow: hidden; float: left; margin-top: 5px; margin-left: 5px; border:1px solid #bbb; border-radius: 4px; cursor: default;
            }
            .lutop{
                width: auto; height: 24px; overflow: hidden; background: #ddd; text-align: center;
                font: bold 12px/24px "微软雅黑"; color: #333;
            }
            .ludown{
                width: auto; height: 24px; overflow: hidden; background: #f3f3f3; text-align: center;
                font: 12px/24px "微软雅黑"; color: #555;
            }
            .lubtnbox{
                width: 40px; height: 60px; overflow: hidden; float: left; margin-top: 2px; margin-left: 5px;
            }
            .lubtnbox a{
                height: 48px; overflow: hidden; background: #f3f3f3; border:1px solid #999; display: block; border-radius: 4px; text-decoration: none;
                text-align: center;font: 12px/48px "微软雅黑"; color: #555; margin-top: 3px;
            }
            .lubtnbox a:hover{
                background: #666; border-color: #666; color: #fff;
            }
        </style>
    </head>
    <body>
        {:W("Bg")}
        <div id="upmain">
            <div class="main">
                <div class="main_head">
                    <div class="main_head_left"></div>
                    <div class="main_head_right"></div>
                    <div class="main_head_main">
                        <div class="title">UI模块管理</div>
                        <div title="关闭" onclick="DoNote('确认返回功能首页？','{:U('main/index')}');" class="close"></div>
                    </div>
                </div>
                <div class="main_mid">
                    <div class="main_mid_left"></div>
                    <div class="main_mid_right"></div>
                    <div class="main_mid_main">
                        <div class="pano_menu">
                            <a href="{:U('index')}" class="pano_menu_bottom">自定义UI</a>
                            <span class="pano_menu_bottom me">系统默认UI</span>

                        </div>
                        <div class="none_main">
                            <div class="action_main" style="background:  #f3f3f3;">
                                <div class="pano_table">
                                    <div class="uistore">
                                        <volist name="list" id="uirow">
                                            <div class="lubox">
                                                <div class="top">
                                                    <div class="lupic"></div>
                                                    <div class="lutitle">
                                                        <div class="lutop">模版名称</div>
                                                        <div class="ludown">{$uirow.title}</div>
                                                    </div>
                                                    <div class="lutb">
                                                        <div class="lutop">适用</div>
                                                        <div class="ludown">{$uirow.devices}</div>
                                                    </div>
                                                </div>
                                                <div class="down">
                                                    <div class="info_head">注释</div>
                                                    <div class="info_body">{$uirow.info}</div>
                                                </div>
                                            </div>
                                        </volist>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="main_foot">
                    <div class="main_foot_left"></div>
                    <div class="main_foot_right"></div>
                    <div class="main_foot_main"></div>
                </div>
            </div>
        </div>
    </body>
</html>
